@use "../../../assets/scss/functions" as *;
@use "../../../assets/scss/vars" as *;
@use "../../../assets/scss/mixins" as *;
@use "../../../assets/scss/comm.scss";

.timeline-item {
    padding-left: px2vmin(40);

    .line {
        position: absolute;
        top: px2vmin(4);
        left: px2vmin(15);
        bottom: 0;
        height: 100%;
        border-left: 1px dashed red;

        &::before {
            content: "";
            width: px2vmin(15);
            height: px2vmin(15);
            background-color: blue;
            border-radius: 100%;
            display: block;
            transform: translateX(-50%);
        }

    }

    &:last-child {
        .line {
            border: none;
        }
    }
}